<template>
    <view>
        <view class="page-body">
            <view class="page-section page-section-gap">
                <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
                </map>
				<view style="text-align: center; padding-top: 20rpx;">理发店位置</view>
				<view class="contitle">20年老店，理发师还专门去北京进修过一段时间。为了给社区朋友朋友带来更好的服务！ </view>
				<view class="contitle">理发店近照</view>
				<image class="img" src="../../static/images/ban2.png" mode="aspectFit"></image>
            </view>
        </view>
    </view>
</template>

<script>
	export default {
	    data() {
	        return {
	      id:0, // 使用 marker点击事件 需要填写id
	            title: 'map',
	            latitude: 39.909,
	            longitude: 116.39742,
	            covers: [{
	                latitude: 39.909,
	                longitude: 116.39742,
	            }, {
	                latitude: 39.90,
	                longitude: 116.39,
	            }]
	        }
	    },
	    methods: {
	
	    }
	}
</script>

<style>
	.module{
		height:500rpx;
	}
	.contitle{
		color: #000000;
		text-align: center;
		padding-top: 50rpx;
		font-size:38rpx;
	}
	image{
		left: calc((100% - 500rpx) / 2);
		width: 500rpx;
		margin-top: 50rpx;
	}
</style>
